<template>

    <div class="center">
      <el-row>
        <el-col :span="4">
          <ul>
            <li><a href="#">华为商城</a></li>
            <li><a href="#">华为商城</a></li>
            <li><a href="#">华为商城</a></li>
            <li><a href="#">华为商城</a></li>
            <li><a href="#">华为商城</a></li>
            <li><a href="#">华为商城</a></li>
          </ul>
        </el-col>
        <el-col :span="4">
          <ul>
            <li><a href="#">华为商城</a></li>
            <li><a href="#">华为商城</a></li>
            <li><a href="#">华为商城</a></li>
            <li><a href="#">华为商城</a></li>
            <li><a href="#">华为商城</a></li>
            <li><a href="#">华为商城</a></li>
          </ul>
        </el-col>
        <el-col :span="4">
          <ul>
            <li><a href="#">华为商城</a></li>
            <li><a href="#">华为商城</a></li>
            <li><a href="#">华为商城</a></li>
            <li><a href="#">华为商城</a></li>
            <li><a href="#">华为商城</a></li>
            <li><a href="#">华为商城</a></li>
          </ul>
        </el-col>
        <el-col :span="4">
          <ul>
            <li><a href="#">华为商城</a></li>
            <li><a href="#">华为商城</a></li>
            <li><a href="#">华为商城</a></li>
            <li><a href="#">华为商城</a></li>
            <li><a href="#">华为商城</a></li>
            <li><a href="#">华为商城</a></li>
          </ul>
        </el-col>
        <el-col :span="4">
          <ul>
            <li><a href="#">华为商城</a></li>
            <li><a href="#">华为商城</a></li>
            <li><a href="#">华为商城</a></li>
            <li><a href="#">华为商城</a></li>
            <li><a href="#">华为商城</a></li>
            <li><a href="#">华为商城</a></li>
          </ul>
        </el-col>
        <el-col :span="4">
          <ul>
            <li><a href="#">华为商城</a></li>
            <li><a href="#">华为商城</a></li>
            <li><a href="#">华为商城</a></li>
            <li><a href="#">华为商城</a></li>
            <li><a href="#">华为商城</a></li>
            <li><a href="#">华为商城</a></li>
          </ul>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="24">
            <div class="copy">
              Copyright © 2024-2029 Solar
            </div>
        </el-col>
      </el-row>
    </div>

</template>

<script setup>

</script>

<style scoped>
  ul li{
    text-align: center;
    line-height: 30px;
  }
  ul li a{
    color: #04050b;
    font-size: 16px;
  }
  ul li a:hover{
    color: #fff;
  }
  .copy{
    text-align: center;
    color: #FFF;
    margin-top: 5px;
    font-size: 12px;
    font-weight: bold;
  }
</style>